<!--<template>-->
  <!--&lt;!&ndash; 客服->聊天界面 &ndash;&gt;-->
  <!--<div class="chat">-->
    <!--<div class="chat">-->
      <!--<div class="ct_click" style="" v-if="(msgTotal-pageSize*currentPage)>0">-->
        <!--<p @click="loadTop()"-->
           <!--style="text-align: center;color: #28ABDC;font-size: 14px">-->
          <!--点击加载更多消息</p>-->
      <!--</div>-->
      <!--&lt;!&ndash;<mt-loadmore :top-method="loadTop" :bottom-all-loaded="allLoaded" ref="loadmore"&ndash;&gt;-->
      <!--&lt;!&ndash;:auto-fill="false">&ndash;&gt;-->
      <!--<div class="chat_box" ref="xwBody" :style="{height: topHeight + 'px'}" :class="[isAddHeight ? 'chat_box1' : 'chat_box']" @click="isAddHeight=false">-->
        <!--<div class="cb" v-for="(item,index) in recordsListData" :key="index">-->
          <!--<div v-if="item.senderId===friendId">-->
            <!--<p v-if="index%4===0" style="color: #c5c5c5;text-align: center;font-size: 12px;padding-top: 5px">-->
              <!--{{item.createTime}}</p>-->
            <!--<div class="cb_left">-->
              <!--<div class="left">-->
                <!--<img v-if="friendMsg.headImd" :src="friendMsg.headImd" alt="" width="50px" height="50px">-->
                <!--<img v-else src="../../assets/rb.jpg" alt="" width="50" height="50">-->
              <!--</div>-->

              <!--&lt;!&ndash; 文本消息 &ndash;&gt;-->
              <!--<div class="center" v-if="item.msgType===1">-->
                <!--<p class="c_nickName">{{friendMsg.nickName}}</p>-->
                <!--&lt;!&ndash;<p class="c_nickName">用户昵称</p>&ndash;&gt;-->
                <!--<div class="chat_leftTxt">-->
                  <!--<p class="c_msg">{{item.msg}}</p>-->
                  <!--<div class="arrow"></div>-->
                <!--</div>-->
              <!--</div>-->

              <!--&lt;!&ndash; 语音消息 &ndash;&gt;-->
              <!--<div class="center" style="display: flex;flex-direction: column;align-items: flex-end" v-else-if="item.msgType===2">-->
                <!--<m-audio :src="item.msg"></m-audio>-->
              <!--</div>-->

              <!--&lt;!&ndash; 图片消息 &ndash;&gt;-->
              <!--<div class="center" style="display: flex;flex-direction: column;align-items: flex-end" v-else-if="item.msgType===3">-->
                <!--<div v-for="(i,index) in item.msg.split(',')" :key="index" style="display: flex;flex-direction: column">-->
                  <!--<img :src="i" alt="" width="100" style="display: block;margin-top: 8px;border-radius: 5px" @click="seeImg(i)">-->
                <!--</div>-->
              <!--</div>-->

              <!--&lt;!&ndash; 视频消息 &ndash;&gt;-->
              <!--<div class="center" style="display: flex;flex-direction: column;align-items: flex-end" v-else-if="item.msgType===4">-->
                <!--&lt;!&ndash;<video style="width: 100%;height: 100%;" :src="item.msg" controls="controls">&ndash;&gt;-->
                <!--&lt;!&ndash;您的手机不支持 video 标签。&ndash;&gt;-->
                <!--&lt;!&ndash;</video>&ndash;&gt;-->
                <!--<video id="videoID1"-->
                       <!--webkit-playsinline="true"-->
                       <!--x-webkit-airplay="true"-->
                       <!--playsinline="true"-->
                       <!--x5-video-player-type="h5"-->
                       <!--x5-video-player-fullscreen="true"-->
                       <!--width="100%"-->
                       <!--height="100%"-->
                       <!--preload="auto"-->
                       <!--poster=""-->
                       <!--controls="controls"-->
                       <!--:src="item.msg">-->
                <!--</video>-->
              <!--</div>-->

              <!--<div class="right">-->
              <!--</div>-->
            <!--</div>-->
          <!--</div>-->

          <!--<div v-else-if="item.senderId===myId">-->
            <!--<p v-if="index%4===0" style="color: #c5c5c5;text-align: center;font-size: 12px;padding-top: 5px">-->
              <!--{{item.createTime}}</p>-->
            <!--<div class="cb_right">-->
              <!--<div class="left">-->
              <!--</div>-->

              <!--<div class="center" style="justify-content: flex-end" v-if="item.msgType===1">-->
                <!--&lt;!&ndash;<p class="txtState">未读</p>&ndash;&gt;-->
                <!--<div class="send">-->
                  <!--<p class="c_msg">{{item.msg}}</p>-->
                  <!--<div class="arrow"></div>-->
                <!--</div>-->
              <!--</div>-->

              <!--&lt;!&ndash; 语音消息 &ndash;&gt;-->
              <!--<div class="center" style="display: flex;flex-direction: column;align-items: flex-end" v-else-if="item.msgType===2">-->
                <!--<m-audio :src="item.msg"></m-audio>-->
              <!--</div>-->

              <!--<div class="center" style="display: flex;flex-direction: column;align-items: flex-end" v-else-if="item.msgType===3">-->
                <!--<div v-for="(i,index) in item.msg.split(',')" :key="index" style="display: flex;flex-direction: column">-->
                  <!--<img :src="i" alt="" width="100" style="display: block;margin-top: 8px;border-radius: 5px" @click="seeImg(i)">-->
                <!--</div>-->
              <!--</div>-->
              <!--<div class="center" style="display: flex;flex-direction: column;align-items: flex-end" v-else-if="item.msgType===4">-->
                <!--&lt;!&ndash;<video style="width: 100%;height: 100%;" :src="item.msg" controls="controls">&ndash;&gt;-->
                <!--&lt;!&ndash;您的手机不支持 video 标签。&ndash;&gt;-->
                <!--&lt;!&ndash;</video>&ndash;&gt;-->
                <!--<video id="videoID"-->
                       <!--webkit-playsinline="true"-->
                       <!--x-webkit-airplay="true"-->
                       <!--playsinline="true"-->
                       <!--x5-video-player-type="h5"-->
                       <!--x5-video-player-fullscreen="true"-->
                       <!--width="100%"-->
                       <!--height="100%"-->
                       <!--preload="auto"-->
                       <!--poster=""-->
                       <!--controls="controls"-->
                       <!--:src="item.msg">-->
                <!--</video>-->
              <!--</div>-->

              <!--<div class="right">-->
                <!--<img v-if="personalData.userAvatar" :src="personalData.userAvatar" alt="" width="50px" height="50px">-->
                <!--<img v-else src="../../assets/rb.jpg" alt="" width="50px" height="50px">-->
              <!--</div>-->
            <!--</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
      <!--&lt;!&ndash;</mt-loadmore>&ndash;&gt;-->
      <!--&lt;!&ndash;<div id="recordingslist" style="height: 400px"></div>&ndash;&gt;-->
      <!--<div class="cb_bottom" :class="{addHeight:isAddHeight}">-->
        <!--<div class="cbb_top">-->
          <!--<input v-show="showText" type="text" v-model="content" @click="isAddHeight=false">-->
          <!--<button v-show="showVoice" @click="funStart(this)" class="cbt_recorder" style="background: white;color:black;">点击 说话</button>-->
          <!--<button v-show="showVoiceStop" @click="funStop(this)" class="cbt_recorder" style="background: white;color:black;">点击 结束</button>-->
          <!--<div class="cbb_right">-->
            <!--<button v-if="content.trim().length" @click="sendMsg(1)">发送</button>-->
            <!--<i @click="ioVoice" class="iconfont icon-yuyin" style="font-size: 28px;margin-left: 8px;"></i>-->
            <!--<span @click="showAdd"><i class="iconfont icon-jiahao" style="font-size: 28px;"></i></span>-->
          <!--</div>-->

        <!--</div>-->
        <!--<div class="cbb_bottom" v-if="isAddHeight" style="margin-top: 5px;display: flex;flex-direction: row;margin-left: 15px">-->
          <!--<div class="cbb_pic" style="">-->
            <!--<el-upload-->
              <!--action="https://admin.cqjftc.com/chat/pic/picUpload"-->
              <!--:multiple="true"-->
              <!--:show-file-list="false"-->
              <!--:before-upload="beforeAvatarUploadPic"-->
              <!--:on-preview="handlePictureCardPreview"-->
              <!--:on-remove="handleRemove"-->
              <!--:on-success="handlezhaopianSuccess1">-->
              <!--<div class="rb_videoBox">-->
                <!--<i class="iconfont icon-tupian" style="font-size: 38px;line-height: 70px;color:#8C939D"></i>-->
              <!--</div>-->
              <!--&lt;!&ndash;<i class="iconfont icon-zhaopian2" style="font-size: 38px;margin-left: 15px;padding: 10px 15px;background-color: white;border-radius: 5px"></i>&ndash;&gt;-->
            <!--</el-upload>-->
            <!--<p style="text-align: center;color: rgba(136, 136, 136, 1);font-size: 12px;line-height: 25px">照片</p>-->
          <!--</div>-->
          <!--<div class="cbb_pic">-->
            <!--<el-upload-->
              <!--action="https://admin.cqjftc.com/chat/video/videoUpload"-->
              <!--:show-file-list="false"-->
              <!--:before-upload="beforeAvatarUpload"-->
              <!--:on-success="handlezhaopianSuccess2">-->
              <!--<div class="rb_videoBox">-->
                <!--<i class="iconfont icon-shipin" style="font-size: 33px;line-height: 70px;color:#8C939D"></i>-->
              <!--</div>-->
              <!--&lt;!&ndash;<i class="iconfont icon-shipinbofangyingpian2" style="font-size: 38px;"></i>&ndash;&gt;-->
            <!--</el-upload>-->
            <!--<p style="text-align: center;color: rgba(136, 136, 136, 1);font-size: 12px;line-height: 25px;">视频</p>-->
          <!--</div>-->
          <!--<div class="cbb_pic">-->
            <!--<div class="rb_videoBox" @click="show1=!show1">-->
              <!--<i class="iconfont icon-dingdan" style="margin-left: 22px;font-size: 33px;line-height: 70px;color:#8C939D;"></i>-->
            <!--</div>-->
            <!--<actionsheet-->
              <!--v-model="show1"-->
              <!--:menus="menus1"-->
              <!--@on-click-menu="click"-->
              <!--@on-after-hide="log('after hide')"-->
              <!--@on-after-show="log('after show')">-->
            <!--</actionsheet>-->
            <!--<p style="text-align: center;color: rgba(136, 136, 136, 1);font-size: 12px;line-height: 25px;">下单</p>-->
          <!--</div>-->
        <!--</div>-->

      <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash;点击放大图片&ndash;&gt;-->
    <!--<div class="c_viewImg" v-if="viewImgShow" style="position: fixed;left: 0;top: 0;background: white;height: 100%;width: 100%;z-index: 99">-->
      <!--<img :src="viewImg" alt="" style="width: 96%;height: auto;margin-left: 2%;margin-top: 10px" @click="viewImgShow=!viewImgShow">-->
    <!--</div>-->

  <!--</div>-->
<!--</template>-->

<!--<script>-->
  <!--import {app} from '../../system/app'-->
  <!--import {Loadmore} from 'mint-ui';-->
  <!--import {MP3Recorder} from '../../system/recordmp3.js'-->
  <!--import workbench from '../work/Workbench'-->
  <!--import { TransferDom, Actionsheet, Group, XSwitch, Toast } from 'vux'-->
  <!--let recorder = new MP3Recorder({-->
    <!--debug: true,-->
    <!--funOk: function () {-->
      <!--// btnStart.disabled = false;-->
      <!--console.log('初始化成功');-->
    <!--},-->
    <!--funCancel: function (msg) {-->
      <!--console.log(msg);-->
      <!--recorder = null;-->
    <!--}-->
  <!--});-->
  <!--export default {-->
    <!--components: {-->
      <!--Actionsheet,-->
      <!--Group,-->
      <!--XSwitch,-->
      <!--Toast,-->
      <!--Loadmore-->
    <!--},-->
    <!--name: "chat",-->
    <!--data() {-->
      <!--return {-->
        <!--menus1: {-->
          <!--menu1: '手动下单',-->
          <!--menu2: '来自用户自动下单'-->
        <!--},-->
        <!--show1:false,-->
        <!--isAddHeight:false,-->
        <!--topHeight: '',-->
        <!--stateCode: '',-->
        <!--websock: null,-->
        <!--showEmoji: true,//是否显示表情-->
        <!--personalData: {},-->
        <!--chatData: {},-->
        <!--myId: '', //接收者id(我)-->
        <!--friendId: '', //发送者id(对方)-->
        <!--friendMsg: {-->
          <!--nickName: '',-->
          <!--headImd: '',-->
        <!--},-->
        <!--recordsListData: [], //消息记录-->
        <!--recordsData: [], //消息记录-->
        <!--myListData: [],-->
        <!--friendIdListData: [],-->
        <!--content: '',-->
        <!--currentPage: 1,-->
        <!--pageSize: 10,-->
        <!--total:'',-->
        <!--allLoaded:false,-->
        <!--imgUrlData:[],-->
        <!--uploadImg:[],-->
        <!--uploadImgNum:0,-->
        <!--viewImgShow:false,-->
        <!--viewImg:'',-->
        <!--videoData:'',-->
        <!--showText:true,  // 文字输入框-->
        <!--showVoice:false,  // 语音输入框-->
        <!--showVoiceStop:false,  // 结束语音输入-->
        <!--audioSrc:'',   // 语音消息-->
        <!--msgTotal: '',-->
      <!--}-->
    <!--},-->
    <!--// created() {-->
    <!--//   this.initWebSocket();-->
    <!--// },-->
    <!--// destroyed() {-->
    <!--//   //离开路由之后断开websocket连接-->
    <!--//   this.websocketonmessage()-->
    <!--// },-->
    <!--mounted() {-->

      <!--this.topHeight = window.innerHeight - 50-->
      <!--console.log('聊天-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;')-->
      <!--this.websock=this.$store.state.login.websock-->
      <!--this.empId = this.$store.state.login.user.empId-->
      <!--this.chatData = this.$store.state.login.chatMsg-->
      <!--if(this.chatData.lastSenderId){-->

        <!--if (this.empId === this.chatData.receiverId) {-->
          <!--console.log('11111111111hh')-->
          <!--this.myId = this.chatData.receiverId-->
          <!--this.friendId = this.chatData.senderId-->
        <!--} else {-->
          <!--console.log('2222222222hh')-->
          <!--this.myId = this.chatData.senderId-->
          <!--this.friendId = this.chatData.receiverId-->
        <!--}-->

        <!--this.friendMsg.nickName = this.chatData.name-->
        <!--this.friendMsg.headImd = this.chatData.img-->
      <!--}-->
      <!--console.log(this.chatData)-->
      <!--console.log(this.myId)-->
      <!--console.log(this.friendId)-->
      <!--this.getList()-->
      <!--this.getChatMsg(this.myId, this.friendId)-->

      <!--setTimeout(() => {-->
        <!--this.$nextTick(() => {-->
          <!--this.scrollBottom()-->
        <!--})-->
      <!--}, 1000);-->
    <!--},-->
    <!--// updated() {-->
    <!--//   this.scrollBottom();-->
    <!--// },-->
    <!--methods: {-->
      <!--log (str) {-->
        <!--console.log(str)-->
      <!--},-->
      <!--console (msg) {-->
        <!--console.log(msg)-->
      <!--},-->
      <!--click (key) {-->
        <!--if (key=='menu1'){-->
          <!--this.$store.state.login.friendId=  this.friendId-->
          <!--this.$router.push({name: 'helpordered'})-->
        <!--}else {-->
          <!--this.$router.push({name: 'receivableslist'})-->
        <!--}-->
        <!--console.log(key)-->
      <!--},-->
      <!--// 开始录音-->
      <!--funStart(button) {-->
        <!--console.log('录音开始...');-->
        <!--recorder.start();-->
        <!--this.showVoice=false-->
        <!--this.showVoiceStop=true-->
      <!--},-->
      <!--// 结束录音-->
      <!--funStop(button) {-->
        <!--let _this=this;-->
        <!--_this.audioSrc=''-->
        <!--recorder.stop();-->
        <!--this.showVoice=true-->
        <!--this.showVoiceStop=false-->
        <!--console.log('录音结束，MP3导出中...');-->
        <!--recorder.getMp3Blob(function (blob) {-->
          <!--console.log('MP3导出成功');-->
          <!--console.log(blob);-->

          <!--var mp3Name = encodeURIComponent('audio_recording_' + new Date().getTime() + '.mp3');-->
          <!--var file = new File([blob], mp3Name, {type: 'mp3', lastModified: Date.now()});-->
          <!--console.log(file)-->
          <!--var formData = new window.FormData() // vue 中使用 window.FormData(),否则会报 'FormData isn't definded'-->
          <!--formData.append('file', file)-->
          <!--var options = {  // 设置axios的参数-->
            <!--url: 'https://admin.cqjftc.com/chat/voice/voiceUpload',-->
            <!--data: formData,-->
            <!--method: 'post',-->
            <!--headers: {-->
              <!--'Content-Type': 'multipart/form-data'-->
            <!--}-->
          <!--}-->
          <!--_this.$http(options).then((res) => {-->
            <!--console.log(res)-->
            <!--if(res.status===200){-->
              <!--console.log(res.data.url)-->
              <!--_this.audioSrc=res.data.url-->
              <!--console.log(_this.audioSrc)-->
              <!--_this.sendMsg(2)-->
            <!--}-->
          <!--}) // 发送请求-->
          <!--// this.mp3Blob = blob;-->
          <!--// console.log(this.mp3Blob);-->
          <!--// var url = URL.createObjectURL(blob);-->
          <!--// console.log(url);-->
          <!--// _this.audioSrc=url-->
          <!--// console.log(_this.audioSrc);-->
          <!--// _this.sendMsg(2)-->
        <!--});-->
      <!--},-->
      <!--// 点击语音小图标-->
      <!--ioVoice(){-->
        <!--this.showText=!this.showText-->
        <!--this.showVoice=!this.showVoice-->
      <!--},-->
      <!--// 放大查看图片-->
      <!--seeImg(data){-->
        <!--console.log('放大查看图片=============')-->
        <!--console.log(data)-->
        <!--this.viewImgShow=true-->
        <!--this.viewImg=data-->
      <!--},-->
      <!--showAdd(){-->
        <!--console.log('add=============')-->
        <!--this.isAddHeight=!this.isAddHeight-->
        <!--// document.cb_bottom.zIndex=99-->
      <!--},-->
      <!--//下拉刷新-->
      <!--loadTop() {-->
        <!--// this.$refs.loadmore.onTopLoaded();-->
        <!--this.currentPage += 1-->
        <!--this.getChatMsg(this.myId, this.friendId,'add')-->
      <!--},-->
      <!--//上拉加载-->
      <!--loadBottom() {-->
        <!--this.$refs.loadmore.onBottomLoaded();-->
        <!--this.currentPage += 1-->
        <!--this.getChatSnapshot('add')-->
      <!--},-->
      <!--// 加载到底部-->
      <!--scrollBottom() {-->
        <!--this.$nextTick(() => {-->
          <!--this.$refs.xwBody.scrollTop = this.$refs.xwBody.scrollHeight-->
        <!--})-->
      <!--},-->
      <!--// 加载到顶部-->
      <!--scrollToTop() {-->
        <!--console.log("加载到底部")-->
        <!--console.log(this.$refs.xwBody.scrollTop)-->
        <!--// this.$nextTick(() => {-->
        <!--this.$refs.xwBody.scrollTop = 0-->
        <!--// })-->
      <!--},-->
      <!--// 根据我的id和朋友id分页查询聊天记录列表-->
      <!--getChatMsg(myId, friendId,add) {-->
        <!--let thi = this-->
        <!--thi.$vux.loading.show({-->
          <!--text: 'Loading'-->
        <!--})-->
        <!--console.log('getList&#45;&#45;&#45;&#45;getChatMsg&#45;&#45;&#45;&#45;&#45;&#45;')-->
        <!--const por = {-->
          <!--myId: myId,-->
          <!--friendId: friendId,-->
          <!--current: thi.currentPage,-->
          <!--size: thi.pageSize,-->
        <!--}-->
        <!--console.log(por)-->
        <!--this.$http.post(global.posturl.host2 + global.posturl.getChatMsg, por-->
        <!--).then(function (response) {-->
          <!--console.log(response.data)-->
          <!--var qData = response.data.data-->
          <!--var qCode = response.data.code-->
          <!--var qMsg = response.data.msg-->
          <!--if (qCode === 200) {-->
            <!--if(add==='add'){-->
              <!--console.log('add================')-->
              <!--console.log(qData.records)-->
              <!--// thi.recordsListData.unshift(qData.records)-->
              <!--thi.recordsListData = qData.records.concat(thi.recordsListData)-->
              <!--thi.scrollToTop()-->
            <!--}else{-->
              <!--console.log('========no========')-->
              <!--thi.recordsListData = qData.records-->
              <!--thi.msgTotal = qData.total-->
              <!--console.log(thi.msgTotal)-->
            <!--}-->
            <!--console.log(thi.recordsListData)-->
          <!--} else {-->
            <!--console.log(qMsg)-->
          <!--}-->
          <!--thi.$vux.loading.hide()-->
        <!--}).catch(function (error) {-->
          <!--console.log(error)-->
        <!--});-->
      <!--},-->
      <!--chat(msg) {-->
        <!--let thi=this-->
        <!--console.log('11675547')-->
        <!--window.addEventListener('offline', function () {-->
          <!--alert("请连接网络");-->
          <!--return;-->
        <!--});-->
        <!--if (thi.$store.state.login.websock != null && thi.$store.state.login.websock != undefined-->
          <!--&& thi.$store.state.login.websock.readyState == 1) {-->
          <!--thi.$store.state.login.websock.send(msg);-->

        <!--} else {-->
          <!--this.initWebSocket();-->
          <!--setTimeout(thi.$store.state.login.websock.send(JSON.stringify(msg)), "1000");-->
        <!--}-->
      <!--}-->
      <!--,-->
      <!--initWebSocket() { //初始化weosocket-->
        <!--let thi = this-->
        <!--if (window.WebSocket) {-->
          <!--if (this.$store.state.login.websock != null && this.$store.state.login.websock != undefined-->
            <!--&& this.$store.state.login.websock.readyState == 1) {-->
            <!--return false-->
          <!--}-->
          <!--console.log('&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;')-->
          <!--const wsuri = "wss://chat.cqjftc.com/ws";-->
          <!--thi.$store.state.login.websock = new WebSocket(wsuri);-->
          <!--thi.websock = this.$store.state.login.websock-->
          <!--console.log('&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;')-->
          <!--console.log(this.websock)-->
          <!--thi.websock.onmessage = this.websocketonmessage;-->
          <!--thi.websock.onopen = this.websocketonopen;-->
          <!--thi.websock.onerror = this.websocketonerror;-->
        <!--}else {-->
          <!--alert("手机设备过旧，请升级手机设备...");-->
        <!--}-->
      <!--}-->
      <!--,-->
      <!--websocketonopen() { //连接建立之后执行send方法发送数据-->
        <!--let thi = this-->
        <!--console.log('-&#45;&#45;连接建立之后执行send方法发送数据-&#45;&#45;&#45;&#45;&#45;&#45;')-->
        <!--// 构建ChatMsg-->
        <!--var myId=this.$store.state.login.user.empId-->
        <!--var chatMsg = new app.ChatMsg(myId, null, null, null);-->
        <!--// 构建DataContent-->
        <!--var dataContent = new app.DataContent(1, chatMsg, null);-->
        <!--// 发送websocket-->
        <!--console.log(dataContent)-->
        <!--thi.chat(JSON.stringify(dataContent));-->
        <!--// thi.keeplive()-->
        <!--thi.timeKeeplive = setInterval(function () {-->
          <!--thi.keeplive()-->
        <!--},25000)-->
        <!--// thi.websock.send(message);-->
        <!--// window.addEventListener('online', function () {-->
        <!--//   thi.websock.addEventListener('open', function () {-->
        <!--//     alert("online");-->
        <!--//     thi.websock.send(message);-->
        <!--//     // setInterval(this.keeplive, 25000);-->
        <!--//   });-->
        <!--// });-->
        <!--window.addEventListener('offline', function () {-->
          <!--// alert("请连接网络");-->
          <!--thi.closeKeeplive()-->
          <!--thi.websock.close()-->

        <!--});-->

        <!--// this.timeKeeplive = setInterval(this.keeplive(), 25000);-->
        <!--// this.websock.send(JSON.stringify(dataContent));-->
      <!--}-->
      <!--,-->
      <!--websocketonerror() {//连接建立失败重连-->
        <!--// this.closeKeeplive()-->
        <!--console.log('-&#45;&#45;连接建立失败重连-&#45;&#45;&#45;&#45;&#45;&#45;')-->
        <!--window.addEventListener('online', function () {-->
          <!--this.initWebSocket();-->
        <!--});-->
      <!--}-->
      <!--,-->
      <!--keeplive() {-->
        <!--// 构建对象-->
        <!--let thi=this-->
        <!--var dataContent = new app.DataContent(4, null, null);-->
        <!--// 发送心跳-->
        <!--// CHAT.chat(JSON.stringify(dataContent));-->
        <!--console.log('123&#45;&#45;123')-->
        <!--thi.chat(JSON.stringify(dataContent))-->
        <!--// setTimeout(, 1000);-->
        <!--// this.closeKeeplive()-->
      <!--}-->
      <!--,-->
      <!--closeKeeplive() {-->
        <!--clearInterval(this.timeKeeplive);-->
      <!--}-->
      <!--,-->
      <!--websocketonmessage(e) { //数据接收-->
        <!--console.log('-&#45;&#45;数据接收-&#45;&#45;&#45;&#45;&#45;&#45;')-->
        <!--if (e) {-->
          <!--console.log(e)-->
          <!--console.log(e.data)-->
          <!--this.recordsListData.push(JSON.parse(e.data))-->
        <!--}-->
      <!--}-->
      <!--,-->
      <!--// 发送消息-->
      <!--sendMsg(sendType) {-->
        <!--console.log("发送消息")-->
        <!--console.log(sendType)-->
        <!--var content=true-->
        <!--if(sendType===1){-->
          <!--content = this.content.trim();-->
        <!--}-->
        <!--// 如果当前websocket的状态是已打开，则直接发送，否则重连-->
        <!--if (this.websock != null && content) {-->
          <!--console.log("[log]发送消息[]...");-->
          <!--this.websocketsend(sendType);-->
        <!--} else {-->
          <!--// 重连websocket-->
          <!--console.log("11111111111111");-->
          <!--this.initWebSocket();-->
        <!--}-->
        <!--// this.websocketsend(1);-->
        <!--this.content = "";-->
        <!--this.uploadImg=[];-->
        <!--console.log("-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;清空-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;");-->
        <!--console.log(this.uploadImg);-->
        <!--this.scrollToBottom();-->
      <!--},-->

      <!--//滚动到底-->
      <!--scrollToBottom() {-->
        <!--setTimeout(() => {-->
          <!--//滚动条长度-->
          <!--var currentDistance = this.$refs.xwBody.scrollHeight - this.$refs.xwBody.clientHeight;-->
          <!--//当前滚动条距离顶部的距离-->
          <!--var currentScroll_y = this.$refs.xwBody.scrollTop;-->
          <!--if (currentDistance > 0 && currentDistance > currentScroll_y) {-->
            <!--currentScroll_y = Math.ceil((currentDistance - currentScroll_y) / 10) + currentScroll_y;-->
            <!--currentScroll_y = currentScroll_y > currentDistance ? currentDistance : currentScroll_y;-->
            <!--//微信和qq浏览器不支持 scrollTo？-->
            <!--this.$refs.xwBody.scrollTop = currentScroll_y;-->
            <!--this.scrollToBottom();-->
          <!--}-->
        <!--}, 13);-->
      <!--},-->
      <!--// 个人信息-->
      <!--getList() {-->
        <!--let thi = this-->
        <!--thi.$vux.loading.show({-->
          <!--text: 'Loading'-->
        <!--})-->
        <!--console.log('getList&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;')-->
        <!--console.log(thi.$store.state.login.userID)-->
        <!--this.$http.post(global.posturl.host + global.posturl.queryPersonnalInfo, {-->
          <!--empId: thi.$store.state.login.user.empId,-->
        <!--}).then(function (response) {-->
          <!--console.log(response.data)-->
          <!--console.log('12344')-->
          <!--var qData = response.data.data-->
          <!--var qCode = response.data.code-->
          <!--var qMsg = response.data.msg-->
          <!--if (qCode === 200) {-->
            <!--thi.personalData = qData.jfEmployee-->
            <!--thi.jiFen = qData.myScore-->
            <!--console.log(thi.personalData)-->
          <!--} else {-->
            <!--console.log(qMsg)-->
          <!--}-->
          <!--thi.$vux.loading.hide()-->
        <!--}).catch(function (error) {-->
          <!--console.log(error)-->
        <!--});-->
      <!--},-->


      <!--websocketsend(sendType) {//数据发送-->
        <!--let contentMsg=''-->
        <!--if(sendType===1){-->
          <!--contentMsg=this.content-->
        <!--}else if(sendType===2){-->
          <!--contentMsg=this.audioSrc-->
        <!--} else if(sendType===3){-->
          <!--contentMsg=this.uploadImg.join(',');-->
        <!--}else if(sendType===4){-->
          <!--contentMsg=this.videoData;-->
        <!--}-->
        <!--let msg = {-->
          <!--myId: this.myId,-->
          <!--friendId: this.friendId,-->
          <!--msgId: null,-->
          <!--msgType: sendType,-->
        <!--};-->
        <!--console.log(msg)-->
        <!--var chatMsg = new app.ChatMsg(msg.myId, msg.friendId, contentMsg, msg.msgId, msg.msgType);-->
        <!--console.log('-&#45;&#45;数据发送-&#45;&#45;&#45;&#45;&#45;&#45;')-->
        <!--console.log(chatMsg)-->
        <!--let DataContent = {-->
          <!--action: 2,-->
          <!--chatMsg: chatMsg,-->
          <!--extand: null,-->
        <!--};-->
        <!--var dataContent = new app.DataContent(DataContent.action, DataContent.chatMsg, DataContent.extand);-->
        <!--console.log(dataContent)-->
        <!--console.log(JSON.stringify(dataContent))-->
        <!--this.chat(JSON.stringify(dataContent));-->
        <!--if(sendType===1){-->
          <!--let sendMsg = {-->
            <!--createTime: new Date().toLocaleTimeString(),-->
            <!--msg: this.content,-->
            <!--msgType: 1,-->
            <!--receiverId: this.friendId,-->
            <!--senderId: this.myId,-->
          <!--}-->
          <!--this.recordsListData.push(sendMsg)-->
        <!--}else if(sendType===2){-->
          <!--let sendMsg = {-->
            <!--createTime: new Date().toLocaleTimeString(),-->
            <!--msg: this.audioSrc,-->
            <!--msgType: 2,-->
            <!--receiverId: this.friendId,-->
            <!--senderId: this.myId,-->
          <!--}-->
          <!--this.recordsListData.push(sendMsg)-->
        <!--}-->
        <!--else if(sendType===3){-->
          <!--let sendMsg = {-->
            <!--createTime: new Date().toLocaleTimeString(),-->
            <!--msg: this.uploadImg.join(','),-->
            <!--msgType: 3,-->
            <!--receiverId: this.friendId,-->
            <!--senderId: this.myId,-->
          <!--}-->
          <!--this.recordsListData.push(sendMsg)-->
        <!--}else if(sendType===4){-->
          <!--let sendMsg = {-->
            <!--createTime: new Date().toLocaleTimeString(),-->
            <!--msg: this.videoData,-->
            <!--msgType: 4,-->
            <!--receiverId: this.friendId,-->
            <!--senderId: this.myId,-->
          <!--}-->
          <!--this.recordsListData.push(sendMsg)-->
        <!--}-->
        <!--console.log(this.recordsListData)-->
      <!--},-->
      <!--websocketclose(e) {  //关闭-->
        <!--console.log('断开连接', e);-->
      <!--},-->

      <!--// 删除文件之前的钩子-->
      <!--handleRemove(file, fileList) {-->
        <!--console.log(file, fileList);-->
      <!--},-->
      <!--// 点击文件列表中已上传的文件时的钩子-->
      <!--handlePictureCardPreview(file) {-->
        <!--this.dialogVisible = true;-->
        <!--this.dialogImageUrl = file.url;-->
      <!--},-->
      <!--// 图片文件上传成功时的钩子-->
      <!--handlezhaopianSuccess1(res, file,fileList) {-->
        <!--console.log("图片文件上传成功时的钩子&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;")-->
        <!--// this.uploadImgNum=fileList.length-->
        <!--console.log(res)-->
        <!--console.log(file)-->
        <!--console.log(fileList)-->
        <!--// console.log(fileList.length)-->
        <!--// console.log(res.url)-->
        <!--this.uploadImg.push(res.url);-->

        <!--console.log(this.uploadImg)-->
        <!--console.log(this.uploadImgNum+this.uploadImg.length)-->
        <!--if((this.uploadImgNum+this.uploadImg.length)===fileList.length){-->
          <!--this.uploadImgNum+=fileList.length-->
          <!--console.log("图片上传完&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;")-->
          <!--console.log(this.uploadImg)-->
          <!--console.log(this.uploadImgNum)-->
          <!--this.sendMsg(3)-->
        <!--}-->
        <!--// this.imgUrlData.push(res.url);-->
      <!--},-->
      <!--// 上传图片之前的验证-->
      <!--beforeAvatarUploadPic(file) {-->
        <!--console.log('上传图片之前的验证&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;')-->
        <!--console.log(file)-->
        <!--const isJPG = file.type === 'image/jpg';-->
        <!--const isJPEG = file.type === 'image/jpeg';-->
        <!--const isPNG = file.type === 'image/png';-->
        <!--const isLt10M = file.size / 1024 / 1024 < 10;-->
        <!--var isIMG = true-->
        <!--if (!isJPG && !isJPEG && !isPNG) {-->
          <!--this.$vux.toast.text('请上传jpeg/png/jpg格式的图片!', 'middle')-->
          <!--isIMG = false-->
        <!--}-->
        <!--if (!isLt10M) {-->
          <!--this.$vux.toast.text('上传头像图片大小不能超过 10MB!', 'middle')-->
        <!--}-->
        <!--return isIMG && isLt10M;-->
      <!--},-->
      <!--// 视频文件上传成功时的钩子-->
      <!--handlezhaopianSuccess2(res, file,fileList) {-->
        <!--console.log("视频文件上传成功时的钩子&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;")-->
        <!--// this.uploadImgNum=fileList.length-->
        <!--console.log(res)-->
        <!--console.log(file)-->
        <!--console.log(fileList)-->
        <!--// this.videoData.push(res.url);-->
        <!--this.videoData=res.url-->
        <!--console.log(this.videoData)-->
        <!--if(this.videoData){-->
          <!--this.sendMsg(4)-->
        <!--}-->
      <!--},-->
      <!--// 上传视频之前的验证-->
      <!--beforeAvatarUpload(file) {-->
        <!--const isMp4 = file.type === 'video/mp4';-->
        <!--const isAvi = file.type === 'video/avi';-->
        <!--const isRmvb = file.type === 'video/rmvb';-->
        <!--const isMov = file.type === 'video/quicktime';-->
        <!--const isWmv = file.type === 'video/x-ms-wmv';-->
        <!--const isMpeg = file.type === 'video/mpeg';-->
        <!--const isMkv = file.type === 'video/x-matroska';-->
        <!--const isFlv = file.type === 'video/x-flv';-->
        <!--const isRm = file.type === 'video/rm';-->
        <!--const isTs = file.type === 'video/vnd.dlna.mpeg-tts';-->
        <!--const isLt100M = file.size / 1024 / 1024 < 100;-->
        <!--var isVideo = true-->
        <!--if (!isMp4 && !isAvi && !isRmvb && !isMov && !isWmv && !isMpeg && !isMkv && !isFlv && !isRm && !isTs) {-->
          <!--this.$vux.toast.text('请上传mp4/avi/rmvb/mov/wmv/mpeg/mkv/flv/rm/ts格式的视频!', 'middle')-->
          <!--isVideo = false-->
        <!--}-->
        <!--if (!isLt100M) {-->
          <!--this.$vux.toast.text('上传视频大小不能超过 100MB!', 'middle')-->
        <!--}-->
        <!--return isVideo && isLt100M;-->
      <!--},-->
      <!--// 状态改变时-->
      <!--handleChange(file, fileList) {-->
        <!--console.log("状态改变时&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;")-->
        <!--this.uploadImgNum=fileList.length-->
        <!--console.log(file)-->
        <!--console.log(fileList)-->
        <!--console.log(fileList.length)-->
      <!--}-->
    <!--}-->
  <!--}-->
<!--</script>-->

<!--<style scoped>-->
  <!--.chat {-->
    <!--width: 100%;-->
    <!--height: 100%;-->
    <!--display: flex;-->
    <!--flex-direction: column;-->
    <!--background-color: #F2F2F2;-->
  <!--}-->

  <!--.chat_leftTxt {-->
    <!--position: relative;-->
    <!--background: white;-->
    <!--border-radius: 5px;-->
    <!--margin-left: 8px;-->
  <!--}-->

  <!--.chat_leftTxt .arrow {-->
    <!--position: absolute;-->
    <!--top: 5px;-->
    <!--left: -12px;-->
    <!--width: 0;-->
    <!--height: 0;-->
    <!--font-size: 0;-->
    <!--border: solid 6px;-->
    <!--border-color: #F2F2F2 white #F2F2F2 #F2F2F2;-->
  <!--}-->

  <!--.send {-->
    <!--position: relative;-->
    <!--background: rgba(64, 174, 252, 1);-->
    <!--border-radius: 5px;-->
    <!--margin-top: 8px;-->
    <!--margin-right: 8px;-->
  <!--}-->

  <!--.send .arrow {-->
    <!--position: absolute;-->
    <!--top: 5px;-->
    <!--right: -12px;-->
    <!--width: 0;-->
    <!--height: 0;-->
    <!--font-size: 0;-->
    <!--border: solid 6px;-->
    <!--border-color: #F2F2F2 #F2F2F2 #F2F2F2 rgba(64, 174, 252, 1);-->
  <!--}-->

  <!--.chat_box {-->
    <!--width: 100%;-->
    <!--margin-bottom: 50px;-->
    <!--overflow-y: scroll;-->
    <!--transition: height .8s;-->
    <!--flex:1;-->
  <!--}-->
  <!--.chat_box1 {-->
    <!--width: 100%;-->
    <!--margin-bottom: 190px;-->
    <!--overflow-y: scroll;-->
    <!--transition: height .8s;-->
  <!--}-->

  <!--.cb_left,-->
  <!--.cb_right {-->
    <!--width: 100%;-->
    <!--display: flex;-->
    <!--flex-direction: row;-->
    <!--color: rgba(80, 80, 80, 1);-->
    <!--font-size: 14px;-->
    <!--align-items: flex-start;-->
  <!--}-->

  <!--.cb_left .left,-->
  <!--.cb_right .left {-->
    <!--width: 60px;-->
  <!--}-->

  <!--.cb_left .left img {-->
    <!--padding: 5px;-->
    <!--border-radius: 50%;-->
  <!--}-->

  <!--.cb_right .center {-->
    <!--flex: 1;-->
  <!--}-->

  <!--.cb_left .center .c_nickName {-->
    <!--padding: 5px 8px;-->
    <!--font-size: 12px;-->
    <!--color: #999999;-->
  <!--}-->

  <!--.cb_left .center .c_msg {-->
    <!--display: inline-block;-->
    <!--padding: 4px;-->
    <!--border-radius: 6px;-->
    <!--background-color: rgba(255, 255, 255, 1);-->
  <!--}-->

  <!--.cb_left .right,-->
  <!--.cb_right .right {-->
    <!--width: 60px;-->
  <!--}-->

  <!--.cb_right .center {-->
    <!--padding: 6px 0px;-->
    <!--display: flex;-->
    <!--color: rgba(64, 174, 252, 1);-->
    <!--flex-direction: row;-->

  <!--}-->

  <!--.cb_right .center .txtState {-->
    <!--width: 40px;-->
    <!--align-self: flex-end;-->
  <!--}-->

  <!--.cb_right .center .c_msg {-->
    <!--display: inline-block;-->
    <!--padding: 6px;-->
    <!--border-radius: 4px;-->
    <!--color: rgba(255, 255, 255, 1);-->
    <!--background-color: rgba(64, 174, 252, 1);-->
  <!--}-->

  <!--.cb_right .right img {-->
    <!--padding: 5px;-->
    <!--border-radius: 50%;-->
  <!--}-->
  <!--.cb_bottom{-->
    <!--position: fixed;-->
    <!--background: #eaeaea;-->
    <!--left: 0;-->
    <!--bottom: 0;-->
    <!--width: 100%;-->
    <!--/*height: 50px;*/-->
    <!--display: flex;-->
    <!--flex-direction: column;-->
  <!--}-->
  <!--.cbb_top {-->
    <!--width: 100%;-->
    <!--height: 50px;-->
    <!--display: flex;-->
    <!--flex-direction: row;-->
  <!--}-->

  <!--.cbb_top input,-->
  <!--.cbb_top .cbt_recorder{-->
    <!--flex: 1;-->
    <!--height: 35px;-->
    <!--border: none;-->
    <!--margin-top: 8px;-->
    <!--margin-left: 15px;-->
    <!--border-radius: 5px;-->
    <!--outline: none;-->
  <!--}-->

  <!--.cbb_top button {-->
    <!--width: 60px;-->
    <!--height: 35px;-->
    <!--border: none;-->
    <!--color: rgba(255, 255, 255, 1);-->
    <!--background-color: #0CBE60;-->
    <!--border-radius: 5px;-->
    <!--font-size: 14px;-->
    <!--margin-left: 12px;-->
    <!--margin-top: 4px;-->
  <!--}-->
  <!--.cbb_top .cbb_right{-->
    <!--width: 80px;-->
    <!--margin-top: 4px;-->
    <!--/*border: 1px solid #999999;*/-->
  <!--}-->
  <!--.addHeight{-->
    <!--height: 180px;-->
  <!--}-->

  <!--.rb_videoBox {-->
    <!--width: 80px;-->
    <!--height: 70px;-->
    <!--margin-left: 10px;-->
    <!--border-radius: 5px;-->
    <!--background: #fbfdff;-->
  <!--}-->

<!--</style>-->
